<%--
  Created by IntelliJ IDEA.
  User: jshand
  Date: 2022-01-03
  Time: 9:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<style>
    .content_warp .rWrap  .page{
        height: 30px;
        line-height: 30px;
        /* text-align: center; */
        /* border: solid 1px #CCCCCC;
        background-color: #5BC0DE; */
        border-radius: 4px;

        margin-top: 20px;
        margin-left: 10px;

    }

    .content_warp .rWrap .page .item{
        display: inline-block;
        height: 30px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        /* padding: 0px 10px; */
        border: solid 1px #ccc;

    }
    .content_warp .rWrap .page .active{
        cursor: pointer;
    }
    .content_warp .rWrap .page .active:hover{
        background-color: #CCCCCC;
    }
    .content_warp .rWrap .page .unactive{
        cursor: not-allowed;
    }

    .content_warp .rWrap .page .pagenum{
        background-color: #5BC0DE;
        color: #ffffff;
    }
</style>
<div class="page" >

    <c:if test="${pageNum <= 1}">
        <div class="item unactive"><<         </div>
        <div class="item unactive"><</div>
    </c:if>
    <c:if test="${pageNum > 1}">
        <div class="item active"> <a href="${pageContext.request.contextPath}/${param['uri']}?pageNum=1">  <<     </a>  </div>
        <div class="item active">  <a href="${pageContext.request.contextPath}/${param['uri']}?pageNum=${pageNum-1}"> <        </a> </div>
    </c:if>

    <div class="item pagenum" >${pageNum}</div>

    <c:if test="${pageNum >= pageCount}">
        <div class="item unactive">  >  </div>
        <div class="item unactive">  >>   </div>
    </c:if>
    <c:if test="${pageNum < pageCount}">
        <div class="item active"> <a href="${pageContext.request.contextPath}/${param['uri']}?pageNum=${pageNum+1}">  >    </a>  </div>
        <div class="item active">  <a href="${pageContext.request.contextPath}/${param['uri']}?pageNum=${pageCount}"> >>        </a> </div>
    </c:if>



</div>